<script setup lang="ts">


// import {onMounted, onUnmounted, ref} from "vue";
// import {invoke} from "@tauri-apps/api/core";
// import {Command} from '@tauri-apps/plugin-shell';
// import * as echarts from "echarts";
// import {ElMessage} from "element-plus";
// import {resolveResource} from "@tauri-apps/api/path";
//
//
// let memoryChart: echarts.ECharts | null = null;
// const xMemoryData: string[] = [];
// const seriesMemoryData: number[] = [];
//
// let cpuChart: echarts.ECharts | null = null;
// const xCpuData: string[] = [];
// const seriesCpuData: number[] = [];
//
// let cupInterval = ref();
// let memoryInterval = ref();
//
//
// // 内存
// function setMemory() {
//   // 基于准备好的 dom，初始化 echarts 实例
//   memoryChart = echarts.init(document.getElementById('systemMemory'));
//   // 绘制初始图表
//   memoryChart.setOption({
//     title: {
//       text: '系统内存使用'
//     },
//     tooltip: {},
//     xAxis: {
//       type: 'category',
//       data: xMemoryData
//     },
//     yAxis: {
//       type: 'value',
//       max: 100.00
//     },
//     series: [
//       {
//         name: '销量',
//         type: 'line',
//         data: seriesMemoryData,
//         smooth: true,
//         symbol: 'none'
//       }
//     ]
//   });
// }
//
// // CPU
// function setCpu() {
//   // 基于准备好的 dom，初始化 echarts 实例
//   cpuChart = echarts.init(document.getElementById('systemCpu'));
//   // 绘制初始图表
//   cpuChart.setOption({
//     title: {
//       text: '系统CPU使用'
//     },
//     tooltip: {},
//     xAxis: {
//       type: 'category',
//       data: xCpuData
//     },
//     yAxis: {
//       type: 'value',
//       max: 100.00
//     },
//     series: [
//       {
//         name: '销量',
//         type: 'line',
//         data: seriesCpuData,
//         smooth: true,
//         symbol: 'none'
//       }
//     ]
//   });
// }
//
// const updateMemoryuChart = async () => {
//   // 获取当前时间
//   const now = new Date();
//   const timeString = now.toLocaleTimeString();
//   // 添加新数据
//   xMemoryData.push(timeString);
//   invoke('global_memory_use').then((result: any) => {
//     seriesMemoryData.push(result as number);
//   })
//
//   // 如果数据超过100条，移除最早的数据
//   if (xMemoryData.length > 100) {
//     xMemoryData.shift();
//     seriesMemoryData.shift();
//   }
//   // 更新图表
//   if (memoryChart) {
//     memoryChart.setOption({
//       xAxis: {
//         data: xMemoryData
//       },
//       series: [
//         {
//           data: seriesMemoryData
//         }
//       ]
//     }, false, true); // notMerge: false, lazyUpdate: true
//   }
// };
//
// const updateCpuChart = async () => {
//   // 获取当前时间
//   const now = new Date();
//   const timeString = now.toLocaleTimeString();
//
//   // 添加新数据
//   xCpuData.push(timeString);
//   // invoke('mem_usage').then((result: any) => {
//   //   seriesCpuData.push(result as number);
//   // })
//   invoke('global_cpu_use').then((result: any) => {
//     seriesCpuData.push(result as number);
//   })
//
//   // 如果数据超过100条，移除最早的数据
//   if (xCpuData.length > 100) {
//     xCpuData.shift();
//     seriesCpuData.shift();
//   }
//   // 更新图表
//   if (cpuChart) {
//     cpuChart.setOption({
//       xAxis: {
//         data: xCpuData
//       },
//       series: [
//         {
//           data: seriesCpuData
//         }
//       ]
//     }, false, true); // notMerge: false, lazyUpdate: true
//   }
// };
//
// const resizeChart = async () => {
//   if (memoryChart) {
//     memoryChart.resize();
//   }
//   if (cpuChart) {
//     cpuChart.resize();
//   }
// };
//
// onMounted(() => {
//   setMemory();
//   setCpu();
//   // 每隔一秒更新一次数据
//   cupInterval.value = setInterval(updateCpuChart, 1000);
//   memoryInterval.value = setInterval(updateMemoryuChart, 1000);
//   resizeChart();
//   //监听变化
//   window.addEventListener("resize", resizeChart);
// })
//
// onUnmounted(() => {
//   //监听变化移除
//   window.removeEventListener("resize", resizeChart);
//   // 清除定时器
//   clearInterval(cupInterval.value);
//   clearInterval(memoryInterval.value);
// })



</script>

<template>
  <div style="height: 100%">
    <el-button>111</el-button>
  </div>

<!--  <div class="test" style="height: 100%">-->
<!--    <div id="systemMemory" class="w-full" style="height: 250px"></div>-->
<!--    <div id="systemCpu" class="w-full" style="height: 250px"></div>-->
<!--  </div>-->
</template>

<style scoped>

</style>